<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>王者荣耀竞猜管理平台</title>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/static/jquery-easyui-1.5.3/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/static/jquery-easyui-1.5.3/themes/icon.css">
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/static/jquery-easyui-1.5.3/jquery.min.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/static/jquery-easyui-1.5.3/jquery.easyui.min.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/static/jquery-easyui-1.5.3/locale/easyui-lang-zh_CN.js"></script>
</head>
<body style="background: url('./img/bg.jpg')">
<div align="center">
    <form id="ff" method="post" action="/merchantInfo/login" style="margin-top: 20%">
        <table cellpadding="5">
            <tr>
                <td>账号:</td>
                <td><input class="easyui-textbox" type="text" name="loginName" data-options="required:true"/></td>
            </tr>
            <tr>
                <td>密码:</td>
                <td><input class="easyui-textbox" type="password" name="loginPwd"
                           data-options="required:true"/></td>
            </tr>
        </table>
    </form>
    <div style="text-align:center;padding:5px">
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">提交</a>
        <a href="javascript:void(0)" style="margin-left: 20px" class="easyui-linkbutton" onclick="clearForm()">重置</a>
    </div>
</div>
</body>
<script>
    $(function () {
        //回车提交事件
        $("body").keydown(function() {
            if (event.keyCode == "13") {//keyCode=13是回车键
                submitForm();
            }
        });
    });
    function submitForm() {
        $('#ff').form('submit', {
            onSubmit:function(){
                return $(this).form('enableValidation').form('validate');
            },
            success: function(data){
                var r = JSON.parse(data);
                if (r.code == 0){
                   window.location.href="/admin/index.jsp";
                }else{
                    $.messager.alert("提示",r.msg,"Warning")
                }
            }
        });
    }

    function clearForm(){
        $('#ff').form('clear');
    }
</script>
</html>
